<%@ page import="com.surelution.projects.crm.CardAssign" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="layout" content="main"/>
<g:javascript library="jquery"/>
<resource:dateChooser />
<link rel="stylesheet" href="${resource(dir:'css',file:'defaultTheme.css')}" />
<script type="text/javascript" src="${resource(dir:'js/jquery',file:'jquery.fixedheadertable.min.js')}"></script>
<script type="text/javascript" src="${resource(dir:'js/jquery',file:'jquery.printElement.min.js')}"></script>
<script type="text/javascript" src="${resource(dir:'js/datechooser',file:'datechooser.js')}"></script>
<title><g:message code="default.depositMoney.label" /></title>
	<script type="text/javascript">
		$(document).ready(function() {
		   $("#simplePrint").click(function() {
		       printElem({leaveOpen: true, printMode: 'popup', overrideElementCSS: ["${resource(dir:'plugins/richui-0.8/css',file:'calendarmonthview.css')}","${resource(dir:'css',file:'main.css')}"]});
		   });
		   $('#myTable01').fixedHeaderTable({ footer: false, cloneHeadToFoot: false, autoShow: true });
		});
		function printElem(options){
		    $('#cardPropReport').printElement(options);
		};
	</script>
</head>

<body>
  <div class="body">
          <div class="nav">
            <span class="menuButton"><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></span>
            <span class="menuButton"><g:link class="create" action="depositMoney"><g:message code="default.depositMoney.label" />时间段查询</g:link></span>
          </div>
          <div>
			<p style="font-size:16px;color:#000;margin:10px 0;">沉淀资金同比环比查询</p>
        	<g:form action="compareDeposit">
				时间段：<richui:dateChooser locale="zh" name="startDay" format="yyyy-MM-dd" value="${startDay}"/>至<richui:dateChooser name="endDay" format="yyyy-MM-dd" value="${endDay}"/><br> 			
				对比时间段：<richui:dateChooser locale="zh" name="startDayA" format="yyyy-MM-dd" value="${startDayA}"/>至<richui:dateChooser name="endDayA" format="yyyy-MM-dd" value="${endDayA}"/>    			
        		<g:submitButton name="查询" style="margin-right:5px;"/><input type="button" value="打印报表" id="simplePrint" />
			    <span class="menuButton"><g:actionSubmit value="${message(code: 'default.button.export.label', default: 'Export')}" action="compareDespoitExport"/></span>
			</g:form>
			<g:if test="${flash.message}">
            	<div class="message">${flash.message}</div>
            </g:if>
        </div>
        
        <div id="cardPropReport" style="height:630px;">
    		<p style="font-size:16px;color:#000;margin:10px 0;">报表时间 :${startDay.format("yyyy.MM.dd")}-${endDay.format("yyyy.MM.dd")}到${startDayA.format("yyyy.MM.dd")}-${endDayA.format("yyyy.MM.dd")}</p>
        		<table id="myTable01">
        			<thead>
	        		<tr>
	        			<td style="text-align: center;vertical-align: middle;background:#75746a;color:#fff;width:100px;">加油站名</td>
	        			<td style="text-align: center;vertical-align: middle;background:#75746a;color:#fff;width:150px;">前-总消费量</td>
	        			<td style="text-align: center;vertical-align: middle;background:#75746a;color:#fff;width:150px;">前-总充值量</td>
	        			<td style="text-align: center;vertical-align: middle;background:#75746a;color:#fff;width:150px;">前-沉淀资金量</td>
	        			<td style="text-align: center;vertical-align: middle;background:#75746a;color:#fff;width:150px;">后-总消费量</td>
	        			<td style="text-align: center;vertical-align: middle;background:#75746a;color:#fff;width:150px;">后-总充值量</td>
	        			<td style="text-align: center;vertical-align: middle;background:#75746a;color:#fff;">后-沉淀资金量</td>
	        			<td style="text-align: center;vertical-align: middle;background:#75746a;color:#fff;">增量</td>
	        			<td style="text-align: center;vertical-align: middle;background:#75746a;color:#fff;">排名</td>
	        		</tr>
	        		</thead>
	        		<tbody>
					<g:each in="${despoitList}" var="crList" status="i">
						<tr class="${(i % 2) == 0 ? 'odd' : 'even'}">
    						<td>${crList[0].shortName }</td>
   							<td><g:formatNumber number="${crList[1]}" type="number" maxFractionDigits="2" /></td>
   							<td><g:formatNumber number="${crList[2]}" type="number" maxFractionDigits="2" /></td>
   							<td><g:formatNumber number="${crList[3]}" type="number" maxFractionDigits="2" /></td>
   							<td><g:formatNumber number="${crList[4]}" type="number" maxFractionDigits="2" /></td>
   							<td><g:formatNumber number="${crList[5]}" type="number" maxFractionDigits="2" /></td>
   							<td><g:formatNumber number="${crList[6]}" type="number" maxFractionDigits="2" /></td>
   							<td><g:formatNumber number="${crList[7]}" type="number" maxFractionDigits="2" /></td>
   							<td>${i+1}</td>
   						</tr>
   					</g:each>
   					</tbody>
          	</table>
        </div>

  </div>
</body>
</html>